.notice-wrap {
	position: fixed;
	top: 20px;
	right: 20px;
	width: auto;
	z-index: 9999;
}
@media (min-width: 768px) {
  .notice-wrap {
    max-width: 60%;
  }
}
@media (min-width: 992px) {
  .notice-wrap {
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  .notice-wrap {
    max-width: 40%;
  }
}
* html .notice-wrap {
	position: absolute;		
}

.notice-item-wrapper{
    display: inline-block;
    clear: both;
}
.notice-item-wrapper.right{
    float: right;
}
.notice-item-wrapper.left{
    float: left;
}
.notice-item-wrapper .alert{
    margin-left:20px;
    box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
}

.alert-default {
  background-color: #fff;
  border-color: #ccc;
}
.alert-default hr {
  border-top-color: #ccc;
}
.alert-default .alert-link {
  color: #333;
}